<!DOCTYPE html>
<html lang="zh">
<head>
  <title>颜色风格的使用</title>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
  <link rel="stylesheet" href="../../lib/ionic/css/ionic.min.css">
</head>
<body>
<ul>
  <li class="item light light-border dark-bg">
    light
  </li>
  <li class="item stable stable-border dark-bg">
    stable
  </li>
  <li class="item positive positive-border">
    positive
  </li>
  <li class="item calm calm-border">
    calm
  </li>
  <li class="item balanced balanced-border">
    balanced
  </li>
  <li class="item energized energized-border">
    energized
  </li>
  <li class="item assertive assertive-border">
    assertive
  </li>
  <li class="item royal royal-border">
    royal
  </li>
  <li class="item dark dark-border">
    dark
  </li>
</ul>
</body>
</html>
